<script lang="ts" setup>
import { NavBar } from "vant";
import useRouterHook from "@/hooks/useRouterHook";

const { back, route } = useRouterHook();
</script>

<template>
	<div class="navBar">
		<NavBar :left-arrow="!!route.meta.showBack" :title="(route.meta.title as string)" @click-left="back"> </NavBar>
	</div>
</template>

<style lang="less">
.navBar {
	height: 44px;
}
.van-nav-bar__content {
	height: 44px;
	.van-nav-bar__left {
		i {
			font-weight: bold;
		}
	}
	.van-nav-bar__title {
		font-size: 16px;
		font-weight: 500;
		color: #000;
	}
}
</style>
